<!DOCTYPE html>
<html lang="zh-hans">
<head>
<!--    <meta name="viewport"-->
    <!--          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">-->
    <meta name="viewport"
          content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">
    <meta charset="UTF-8">
    <title>文章详情</title>
    <link rel="stylesheet" type="text/css" media="screen" href="../../css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" media="screen" href="../../layui/css/layui.css">
    <link rel="stylesheet" type="text/css" media="screen" href="../../css/notice.css">
    <script src="../../js/rem.js"></script>
</head>
<body>
<div class="container">
    <div class="head">
        <h1 class="title"></h1>
        <div class="time"></div>
    </div>
    <div class="content"></div>
</div>

<script type="text/javascript" src="../../js/libs/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../../js/common.js"></script>
<script type="text/javascript">
    initData();

    function initData() {
        var id = getUrlParam("id");
        if (id != "") {
            $.ajax({
                type: 'get',
                url: '/notices/' + id,
                async: false,
                success: function (data) {
                    console.log(data);
                    // document.title = data.title;
                    $('.title').text(data.title);
                    $('.time').text(data.updateTime);
                    $(".content").html(data.content);
                }
            });

        }
    }


</script>


</body>
</html>